<template>
  <div class='bigBox'>
    <div class="container">
      <navBar :title="title"></navBar>
    </div>
      <div class="navTab">
        <van-tabs v-model="active">
          <van-tab title="全部" name="0" key="0">
             <van-card
              num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            />
          </van-tab>
          <van-tab title="待付款" name="1" key="1">
             <van-card
              num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            />
          </van-tab>
          <van-tab title="待核销" name="2" key="2">
             <van-card
              num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            />
          </van-tab>
          <van-tab title="已完成" name="3" key="3">
             <van-card
              num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            />
          </van-tab>
          <van-tab title="退款售后" name="4" key="4">
             <van-card
              num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            />
          </van-tab>
        </van-tabs>
      </div>
  </div>
</template> 

<script>
  import navBar from '../../../components/navBar.vue'
  export default {
    name: '',
    props: {},
    components: {
      navBar,
    },
    data() {
      return {
        title:'我的订单',
        active: 0,
      };
    },
    beforeMount(){
      this.active= this.$route.query.active;
    }
  }
</script>

<style lang='scss' scoped>
.bigBox{
  width: 100%;
  height: 100%;
  background-color: #e5e5e5;
  .container{
    width: 100%;
    background-color: #e5e5e5;
  }
  .navTab{
    width: 100%;
    height: 5.33rem;
    background-color: #fff;
    padding-top: 3.4rem;
  }
}
  
</style>